import Vue from 'vue'
import VueRouter from 'vue-router'
import Home  from '@/views/home/Home.vue'
import City from '@/views/city/City.vue'
import Detail from '@/views/detail/Detail.vue'
Vue.use(VueRouter)

const routes = [
  {
    path:'/',
    redirect:'/home'
  },
  {
    path:'/home',
    name:'Home',
    component:Home
  },
  {
    path:'/city',
    name:'City',
    component:City
  },
  {
    path:'/detail/:id',
    name:'Detail',
    component:Detail
  }
]

const router = new VueRouter({
  mode:'history',
  scrollBehavior(to,from,savedPosition) {
    return {x:0,y:0}
  },
  routes
})

export default router
